<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>jQuery Mobile Twitter Bootstrap Theme</title>
		<!--<link rel="stylesheet" href="styles/jquery-mobile.css">-->
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
		<link rel="stylesheet" href="styles/main.css">
  		<script  src="scripts/libs/jquery.js"></script>
  		<script  src="scripts/libs/jquery.mobile-1.3.2.js"></script>
  		<script  src="scripts/main.js"></script>
	</head>
	<style>
		.ui-icon-nota-icon {
		    border-radius:0px;
		    background-image: url("images/icon_nota.png");
		    background-color: rgba(0, 0, 0, 0);
		    width:80px;
		    height:79px;
		    background-position: 10px 10px;
		    border:none;
		    box-shadow: none !important;
		  }
			
		.ui-icon-horario-icon {
		    border-radius:0px;
		    background-image: url("images/icon_horario.png");
		    background-color: rgba(0, 0, 0, 0);
		    width:80px;
		    height:79px;
		    background-position: 10px 10px;
		    border:none;
		    box-shadow: none !important;
		  }

		  .ui-btn-icon-top .ui-icon {
				top: -10px;
				left: 31px !important;
			}

			.btn-principal .ui-btn-inner {
			    padding-top: 84px;
			    padding-left: 12px;
			  }

		  .btn-principal{
		  	width: 130px;
		  	height: 130px;
		  }
		  .btn-principal a{

		  }
	</style>
	<body>
		<div data-role="page" data-theme="b">
			<div data-role="header" data-position="inline" data-theme="b">
				
				<a href="#menulateral" class=" ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-b" data-icon="bars" data-iconpos="notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" title="Navigation">
					<span class="ui-btn-inner">
						<span class="ui-icon ui-icon-bars ui-icon-shadow">&nbsp;</span>
					</span>
				</a>

				<h1 class="left-h1">App do Aluno</h1>
			</div>
			<div data-role="content" data-theme="b">

				<h2>Bem vindo, Thiego</h2>
				
				<a href="cursos.html" class="btn-principal" data-role="button" data-inline="true" data-icon="nota-icon" data-iconpos="top">Notas/Faltas</a>
				<a href="horario.html" class="btn-principal" data-role="button" data-inline="true" data-icon="horario-icon" data-iconpos="top">Horários</a>
				

			</div>
			
			<!-- menu lateral -->
			<div data-role="panel" id="menulateral" data-position="left" data-theme="a" data-position-fixed="true" data-display="overlay">
				<nav >
		            <ul data-role="listview" data-inset="true" data-filter="false">
						<li><a href="principal.html">Principal</a></li>
						<li><a href="#">Notas e Frequencias</a></li>
						<li><a href="horario.html">Horarios</a></li>
						<li><a href="#">Perfil do Aluno</a></li>
					</ul>
		        </nav>

		        <a href="index.html" data-role="button" data-rel="close" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-b">
		        	<span class="ui-btn-inner">
		        		<span class="ui-btn-text">Fechar</span>
		        	</span>
		        </a>
			</div>
			<!-- menu lateral -->

		</div>
	</body>
</html>
